<template>
	<view class="newUser">
		<view class="nav">
			<uni-nav-bar backgroundColor="transparent" left-icon="left" color="#FFF" fixed @clickLeft="goback"></uni-nav-bar>
		</view>
		
		<image class="coupon" :src="$util.imgurl('/imgs/mine/coupon.png')" @click="toLink">
			
		</image>
		
		<view class="card" style="margin-bottom: 0;">
			<view class="title">活动规则：</view>
			<view v-html="content">
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content:'',
			}
		},
		methods: {
			goback(){ uni.navigateBack() },
			getContent(){
				this.request.httpTokenRequest({
					url: "/index/policy",
					method: "get",
				}, {
					type:'new_user_content'
				}).then(res => {
					if (res.code == 0) {
						this.content = res.data.content
					}else {
						this.$util.msg(res.msg)
					}
				}, error => {})
			},
			toLink(){
				uni.navigateTo({
					url:'/otherpages/massage/massageIndex'
				})
			}
		},
		onLoad() {
			this.getContent()
		}
	}
</script>

<style lang="less" scoped>
	.newUser {
		min-height: 100vh;
		background: url(https://qiniu-cdn.maeiyun.com/imgs/mine/newUser_bg.png) 0 0 no-repeat;
		background-size: 100%;
		padding: 600rpx 60rpx 30rpx;
		box-sizing: border-box;
		background-color: #FA7E13;
	}

	.nav {
		padding-top: var(--status-bar-height);
		position: fixed;
		top: 0;
		left: 0;
		background: url(https://qiniu-cdn.maeiyun.com/imgs/mine/newUser_bg.png) 0 0 no-repeat;
		background-size: 100%;
		width: 100vw;
	}
	.card {
		background: rgba(255,255,255,0.6);
		border-radius: 20rpx;
		padding: 30rpx;
		margin-bottom: 30rpx;
		image {
			width: 582rpx;
			height: 192rpx;
		}
		.title {
			font-size: 30rpx;
			color:  rgba(217, 101, 75, 1);
			line-height: 42rpx;
			margin-bottom: 17rpx;
		}
	}
	/deep/ ol {
		padding: 0;
		list-style: none;
		li {
			list-style: none;
			font-size: 26rpx;
			color: rgba(217, 101, 75, 1);
			line-height: 46rpx;
		}
	}
	
	.coupon {
		width: 629rpx;
		height: 233rpx;
		margin-bottom: 20rpx;
	}
	
</style>